<!--
 * @Author: Administrator 843338961@qq.com
 * @Date: 2022-07-02 14:29:49
 * @LastEditors: lihy1_wb lihaoyong@sinosoft.com.cn
 * @LastEditTime: 2022-07-04 09:47:32
 * @FilePath: \mall\src\views\detail\childComps\DetailSwiper.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
      <swiper class="detailSwiper">
          <swiper-item v-for="item in topImages"  :key="item.iid">
            <img width="100%" height="85%" :src="item" alt="">
          </swiper-item>
      </swiper>
  </div>
</template>

<script>
import Swiper from 'components/common/swiper/Swiper.vue'
import SwiperItem from 'components/common/swiper/SwiperItem.vue'

import {getDetail} from 'network/detail.js';
export default {
  name:'DetailSwiper',
  components: { Swiper,SwiperItem },
  props:{
    topImages:{
      type:Array,
      default(){
        return []
      }
    }
  }

}
</script>

<style>
.detailSwiper{
  height: 300px;
}
</style>